<!doctype html>
<html lang="en">
<head>
    <!-- 网站显示语言 -->
    <meta charset="UTF-8"/>
    <!-- 网站图标文件 -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
    <!-- 屏幕尺寸优化 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!-- 主题背景颜色 -->
    <meta name="theme-color" content="#ffffff"/>
    <!-- 站点描述内容 -->
    <meta name="description" content="DreamGarden"/>
    <!-- 站点清单文件 -->
    <!--    <link rel="manifest" href="/manifest.json"/>-->

    <!--    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png"/>-->
    <!--
      manifest.json provides metadata used when your web application is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
    -->
    <title>逐梦园 - 追逐梦想的乐园</title>
    <style>
        @font-face {
            font-family: ExampleFont;
            font-style: normal;
            font-display: optional;
        }

        * {
            padding: 0;
            margin: 0;
            word-break: break-all;
            word-wrap: break-word;
            text-wrap: stable;
            overflow-wrap: break-word;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: ExampleFont, Avenir, Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            scroll-behavior: smooth;
        }

        ul {
            margin-left: 15px;
        }


        /* 去除滚动条 */
        ::-webkit-scrollbar {
            /*display: none;*/
        }

        /* 页面样式 */
        body {
            transition: all 0.3s ease;
            background-color: #EDEDED;
        }

        /* 加载文字 */
        .StartLoading {
            transition: all 0.3s ease;
            min-width: 100vw;
            min-height: 100vh;
            background-color: #EDEDED;
            color: black;
            display: flex;
            align-content: center;
            align-items: center;
            align-self: center;
            justify-content: center;
        }

        /* 浅色模式 */
        @media (prefers-color-scheme: light) {
            body {
                background-color: #EDEDED;
            }

            .StartLoading {
                background-color: #EDEDED;
                color: black;
            }
        }

        /* 深色模式 */
        @media (prefers-color-scheme: dark) {
            body {
                background-color: #191919;
            }

            .StartLoading {
                background-color: #191919;
                color: white;
            }
        }
    </style>
</head>
<body>
<noscript>You need to enable JavaScript to run this DreamGarden.</noscript>
<div id="root">
    <div class="StartLoading">正在加载</div>
</div>
<script type="module" src="/src/index.tsx"></script>
</body>
</html>
